<template>
    <div class="navbar">
        <ul>
            <li @click="$router.push('/')"><a href="javascript:;">主页</a></li>
            <li v-if="!is_login" @click="$router.push('/login')"><a href="javascript:;">医生登录</a></li>
            <li v-else @click="$router.push('/user_info')"><a href="javascript:;">个人中心</a></li>
            <!-- <li @click="$router.push('/table')"><a href="javascript:;">信息查询</a></li> -->
            <!-- <li @click="$router.push('/test')"><a href="javascript:;">测试</a></li> -->
            <!-- <li><a href="javascript:;">联系我们</a></li> -->
            <!-- <li @click="$router.push('/table')"><a href="javascript:;">使用说明</a></li> -->
        </ul>
    </div>
</template>

<script>

export default {
    name:'search',
    data(){
        return {
            // is_login:false
        }
    },
    computed:{  // vue的计算属性
        is_login(){
            return this.$store.state.global_var.logininfo
        }
    },
    mounted(){

    }
}
</script>

<style lang='scss' scoped>
.navbar{
    border-radius: 5px;
    // border: 1px solid rgb(58, 58, 58);
    background-color: rgb(80, 95, 228);
    
    ul{
        height: 30px;
        display: flex;
        justify-content:flex-start;
        align-items: center;
        li{
            margin: auto 20px;
            color: white;
            a{
                font-size: 18px;
                color: white;
            }
            a:hover{
                font-weight: bolder;
            }
        }
    }
}
</style>